.login_panel {
    width: 100%;
    height: 100%;
    background: url('../../images/bg.png') center no-repeat;
    position: relative;
    overflow: hidden;

    // logo
    .logo {
        width: 200px;
        height: 40px;
        position: absolute;
        top: 20px;
        left: 100px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    // 登录窗口
    .login_box {
        width:420px;
        height:494px;
        border-radius: 6px;
        background-color: #fff;
        margin: auto;
        padding: 32px 58px 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        .one{
            position: absolute;
            top: 36px;
            left: 47px;
        }
        .two{
            position: absolute;
            top: 36px;
            left: 206px;
        }
        .lg_title {
            font-size:30px;
            font-weight:500;
            color:rgba(73,77,81,1);
            z-index: 1;
            letter-spacing:1px;
        }
        .welcome{
            font-size:18px;
            font-family:PingFangSC-Medium,PingFang SC;
            font-weight:500;
            color:rgba(73,77,81,1);
            letter-spacing:1px;
            margin-bottom: 18px;
            //margin-top: 4px;
        }
        .login_form{
            width:304px;
            .tips{
                position: absolute;
                top: 0;
                right: 5px;
                font-size:12px;
                font-weight:400;
                color:rgba(255,74,74,1);
            }
            .emailCent{
                margin-bottom: 14px;
                width: 100%;
                position: relative;
                .chahao{
                    position: absolute;
                    right: 25px;
                    bottom: 10px;
                    width: 18px;
                    height: 18px;
                }
                .emailTip{
                    font-size:14px;
                    font-weight:400;
                    color:rgba(169,179,194,1);
                    line-height:14px;
                    margin-bottom: 5px;
                }
                .emailIn{
                    width: 100%;
                    height:36px;
                    background:rgba(255,255,255,1);
                    border-radius:2px;
                    border:1px solid rgba(203,208,213,1);
                }
            }
            .passwordCent{
                width: 100%;
                position: relative;
                .chahao{
                    position: absolute;
                    right: 25px;
                    bottom: 10px;
                    width: 18px;
                    height: 18px;
                }
                .visibles{
                    position: absolute;
                    right: 50px;
                    bottom: 8px;
                }
                .passwTip{
                    font-size:14px;
                    font-weight:400;
                    color:rgba(169,179,194,1);
                    line-height:14px;
                    margin-bottom: 5px;
                }
                .passwordIn{
                    width: 100%;
                    height:36px;
                    background:rgba(255,255,255,1);
                    border-radius:2px;
                    border:1px solid rgba(203,208,213,1);
                }
            }
        }
        .goinNow{
            width:100%;
            height:40px;
            background:rgba(73,77,81,1);
            border-radius:2px;
            border:1px solid;
            line-height: 40px;
            text-align: center;
            color:rgba(255,255,255,1);
            font-size:16px;
            font-weight:500;
            border-image:linear-gradient(90deg, rgba(73,77,81,1), rgba(0,0,0,1), rgba(73,77,81,1)) 1 1;
            margin-bottom: 22px;
            :hover{
                cursor: pointer;
            }
        }
        .thirdLogin{
            margin-bottom: 19px;
            height: 22px;
            span{
                float: left;
                margin:0 14px;
                font-size:14px;
                //font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(73,77,81,1);
                line-height:22px;
                letter-spacing:1px;
            }
            hr{
                width:88px;
                height:1px;
                float: left;
                background:rgba(203,208,213,1);
            }
        }
        .weixinAndQQ{
            margin-bottom: 24px;
            text-align: center;
            img{
                width:30px;
                height: 30px;
                :hover{
                    cursor: pointer;
                }
            }
            :first-child{
                margin-right: 82px;
            }
        }
        .install{
            margin-top: 8px;
            margin-bottom: 25px;
            font-size:14px;
            font-weight:400;
            color:rgba(109,122,148,1);
            line-height:20px;
            .keepingLogin{

            }
            .gotoForget{
                float: right;
                :hover{
                    cursor: pointer;
                }
            }
        }
        .login_bottom{
            height:52px;
            background:rgba(238,238,238,1);
            border-radius:0px 0px 16px 16px;
            position: absolute;
            bottom: 0;
            left: 0px;
            text-align: center;
            width: 100%;
            .gotoRegister{
                font-size:16px;
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(2,122,255,1);
                line-height:52px;
                letter-spacing:1px;
                :hover{
                    cursor: pointer;
                }
            }
        }
    }
}
